// .vux-fade-enter-active,.vux-fade-leave-active {
//   opacity: 1;
//   transition: opacity linear 0.2s;
// }
// .vux-fade-enter, .vux-fade-leave-to {
//   opacity: 0;
// }
// .vux-dialog-enter-active {
//   animation: vux-dialog-in .5s;
// }
// .vux-dialog-leave-active {
//   animation: vux-dialog-out .3s;
// }
@keyframes vux-dialog-in {
  0% {
    transform: scale(1.185);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes vux-dialog-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.85);
    opacity: 0;
  }
}
// .vux-mask-enter, .vux-mask-leave-active {
//   opacity: 0;
// }
// .vux-mask-leave-active, .vux-mask-enter-active {
//   transition: opacity 300ms;
// }

@keyframes ivuEaseIn {
  0% {
      opacity: 0;
      transform: scaleY(0.8);
  }
  100% {
      opacity: 1;
      transform: scale(1);
  }
}

@keyframes ivuEaseOut {
  0% {
      opacity: 1;
      transform: scale(1);
  }
  100% {
      opacity: 0;
      transform: scale(0.8);
  }
}
@keyframes ivuTransitionDropIn {
  0% {
      opacity: 0;
      transform-origin: top left;
      transform: scaleY(0);
  }
  100% {
      opacity: 1;
      transform-origin: top left;
      transform: scaleY(1);
  }
}

@keyframes ivuTransitionDropOut {
  0% {
      transform-origin: top left;
      opacity: 1;
      transform: scaleY(1);
  }
  100% {
      transform-origin: top left;
      opacity: 0;
      transform: scaleY(0);
  }
}

@keyframes maskIn {
  0% {
      opacity: 0;
     
  }
  100% {
      opacity: 1;
  }
}

@keyframes masOut {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
@keyframes masContentIn {
  0% {
      opacity: 0;
      transform: scaleY(0.5);
      // transform:translateY(-100px)
      // transform: scaleY(0.8);
  }
  100% {
      opacity: 1;
      transform: scaleY(1);
      // transform:translateY(0)
      // transform: scaleY(1);
  }
}

@keyframes masContentOut {
  0% {
      opacity: 1;
      transform: scaleY(1);
  }
  100% {
      opacity: 0;
      transform:translateY(0);
      transform: scaleY(0.5);
  }
}

@include transition-animation('ifast-dropIn','ivuTransitionDrop',.3s,linear);
@include transition-animation('ifast-maskIn','mask',.2s,ease-in-out);
@include transition-animation('ifast-masContent','masContent',.2s,ease-in-out);